/* 在域名页公用的css */
	/* 公有的  public.css 添加 */
			html,
			body {
				color: #333333;
			}

			h1,
			h2,
			h3,
			h4,
			h5 {
				color: #333;
				margin: 0px;
			}

			.h1,
			h1 {
				font-size: 36px;
			}

			.bg-primary {
				background: #118EFC;
				color: #fff;
			}

			.font12 {
				font-size: 12px;
			}

			.font13 {
				font-size: 13px;
			}

			.font14 {
				font-size: 14px;
			}

			.font16 {
				font-size: 16px;
			}

			.font18 {
				font-size: 18px;
			}

			.container {
				max-width: 1200px;
			}
			
			[v-cloak] {
				display: none;
			}

			.desc-text {
				color: #999999;
			}

			strong {
				font-weight: bold;
			}

			.relative {
				position: relative;
			}

			.el-icon-arrow-up:before {
				content: "\e78f" !important;
				color: #999;
			}
			
			.container  {
				z-index: 0;
			}
			
			.cursorPoint {
				cursor: pointer;
			}

			/* 公有的  public.css 添加  end */
			/* banner */
			.domainBanner-wrapper {
				height: 290px;
				background: url(../img/hc_web_damain_banner.png) no-repeat center;
				background-size: cover;
				padding-top: 95px;
				box-sizing: border-box;
				position: relative;
				z-index: 12;
			}
			
			.domainBanner-wrapper .domainBanner-input-wrapper {
				height: 110px;
				align-items: center;
				background: #fff;
				padding: 0px 30px;
				box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.08);
				z-index: 10;
			}
			
			.domainBanner-wrapper .domainBanner-input-wrapper h1 {
				margin-right: 30px;
			}
			
			.domainBanner-wrapper .domainBanner-input-wrapper .domainBanner-input-content {
				flex: 1;
				height: 50px;
				position: relative;
			}
			
			.domainBanner-wrapper .domainBanner-input-wrapper .el-input__inner {
				height: 50px;
				line-height: 50px;
				border-radius: 0px;
			}
			
			.domainBanner-wrapper .domainBanner-input-wrapper .queryDomainNameInput>.el-input__inner:focus {
				border-color: #118EFC;
			}
			
			.domainBanner-wrapper .domainBanner-input-wrapper .queryDomainNameInput .el-input__inner {
				position: relative;
				border-right: none;
				padding-left: 19px;
			}
			
			.domainBanner-wrapper .domainBanner-input-wrapper .queryDomainNameInput>.el-input__inner:focus {
				border-right: 1px solid #118EFC;
				z-index: 10;
			}
			
			.domainBanner-wrapper .domainBanner-input-wrapper .suffixNameSelect {
				font-size: 16px;
			}
			
			.domainBanner-wrapper .el-input-group__append,
			.domainBanner-wrapper .el-input-group__prepend {
				color: #333;
				border-radius: 0px;
				background: #fff;
				border-left: none;
				z-index: 0;
				font-size: 16px;
				cursor: pointer;
				width: 135px;
			}
			
			.domainBanner-wrapper .suffixNameSelect {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			
			.domainBanner-wrapper .el-input-group__append::after {
				content: '';
				position: absolute;
				width: 1px;
				height: 30px;
				background: #DBDBDB;
				left: -1px;
				top: 50%;
				transform: translate(0px, -50%);
				-ms-transform: translate(0px, -50%);
				-webkit-transform: translate(0px, -50%);
			
			}
			
			.domainBanner-wrapper .domainBanner-input-wrapper .queryDomainNamebutton {
				width: 140px;
				flex: 0 0 140px;
				height: 100%;
				position: relative;
				cursor: pointer;
			}
			
			.domainBanner-wrapper .domainBanner-input-wrapper .queryDomainNamebutton:hover {
				background: #2e9dff;
			}
			
			.domainBanner-input-content .domainSelect-wrapper {
				position: absolute;
				top: 100%;
				left: 0px;
				width: calc(100% - 140px);
				background: #FFFFFF;
				border: 1px solid transparent;
				border-top: 0px;
				
				padding: 0px 10px 0px 10px;
				max-height: 0px;
				overflow: hidden;
				opacity: 1;
				transition: all 0.3s linear;
			}
			
			.domainBanner-input-content .domainSelect-wrapper.active {
				padding: 22px 10px 10px 10px;
				opacity: 1;
				max-height: 200px;
				border: 1px solid #DBDBDB;
					border-top: 0px;
				box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.08);
			}
			
			.el-checkbox__input.is-checked+.el-checkbox__label {
				color: #333;
			}
			
			.domainSelect-wrapper .el-checkbox__input.is-checked .el-checkbox__inner,
			.domainSelect-wrapper .el-checkbox__input.is-indeterminate .el-checkbox__inner {
				background-color: #118EFC;
				border-color: #118EFC;
			}
			
			.domainSelect-wrapper .el-checkbox__inner {
				border: 1px solid #DBDBDB;
			}
			.domainSelect-content {
				margin-top: 15px;
			}
			.domainSelect-content .domainSelect-content-item  {
				position: relative;
				background: #FFFFFF;
				border: 1px solid #DBDBDB;
				margin-bottom: 10px;
				height: 30px;
				box-sizing: border-box;
				cursor: pointer;
			}
			.domainSelect-content .domainSelect-content-item.active  {
				border: 1px solid #118EFC;
			}
			.domainSelect-content .domainSelect-content-item.active::after{
				content: '';
				position: absolute;
				right: -0px;
				bottom: 0px;
				width: 0;
				height: 0;
				border-left: 20px solid transparent;
				border-bottom: 20px solid #118EFC;
				z-index: 10;
			}
			
			.domainSelect-content .domainSelect-content-item.active::before {
			      content: '';
			      position: absolute;
			      background-image: url(../img/hc_console_select.png);
			      background-size: 100% 100%;
			      width: 19px;
			      height: 19px;
			      right: -4px;
			      bottom: -3px;
			      z-index: 20;
			}
			
			.domainSelect-content .content-commandFlag {
				width: 16px;
				height: 16px;
				position: absolute;
				top: 0px;
				right: 0px;
				background: #FF9B3F;
				font-size: 12px;
				color: #fff;
				line-height: 16px;
				text-align: center;
				z-index: 30;
			}
			
			.icon.el-icon-caret-bottom  {
				transition: all 0.3s linear;
			}
			
			.icon.el-icon-caret-bottom.active {
				transform: rotate(-180deg);
			}
			
			/* banner end */
			
			
			/* 其他样式 */
			.lightToDeep {
				background: #FFFFFF;
				border: 1px solid #118EFC;
				color: #118EFC;
			}
			
			.lightToDeep:hover {
				background:#118EFC;
				color: #fff;
			}
			
			.yzButton.deep {
				background:#118EFC;
				color: #fff;
			}
			
			.yzButton.bg-primary {
				padding:0 20px;
			}
			
			
			.form-otherSuf {
				padding-top: 12px;
				border-top:1px solid #efefef;
				align-items:center;
			}
					
			.form-otherSuf .form-otherSuf__text {
				font-size:14px;
				color: #293957;
				padding: 0px 3px;
			}
			
			.form-otherSuf .domainSelect-content {
				align-items:center;
				margin-top:0px;
			}			
			
			.form-otherSuf .domainSelect-content .domainSelect-content-item {
				display:flex;
				justify-content: center;
				align-items:center;
				width:48px;
				margin:0 3px;
			}
					
			.form-otherSuf .domainSelect-content .domainSelect-content-item:hover {
				border-color: #006eff;
			}			
			
			.form-wrapper .otherDesc-text__wrapper {
				line-height:1.375;
				color: #293957;
			}
			
			.form-wrapper .otherDesc-text__wrapper span {
				color: #191919;
				font-weight:bold;
				display:inline-block;
			}	
			
			.form-wrapper .recentQueryRecord-wrapper {
				flex-wrap: wrap;
			}
			
			.form-wrapper .recentQueryRecord-wrapper .recentQueryRecord-item{
				width:20%;
				padding:6px 3px;
				box-sizing: border-box;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			
			.form-wrapper .recentQueryRecord-wrapper .recentQueryRecord-item a {
				color: #191919;
				font-size: 16px;
			}
				
			.form-wrapper .recentQueryRecord-wrapper .recentQueryRecord-item a:hover {
				color: #006eff;
			}
					
					
			
			/* 其他样式 end */
			
			@media (max-width: 768px) {
				.domainsQuery-wrapper .domainBanner-wrapper {
					height: 300px;
					box-sizing: border-box;
					display: flex;
					align-items: center;
					justify-content: center;
					padding-top: 60px;
				}
				
				.domainsQuery-wrapper .domainBanner-wrapper .domainBanner-input-wrapper {
					width: calc(100% - 30px)!important;
					    padding: 20px 15px;
					    margin: 0 15px;
					    box-sizing: border-box;
					    left: inherit;
					    transform: none;
				}
				.domainsQuery-wrapper .domainBanner-wrapper .banner-title {
					font-size: 18px;
					font-weight: bold;
					display: flex;
					align-items: center;
					position: relative;
					top: -10px;
				}
				.domainsQuery-wrapper .domainBanner-wrapper .banner-title>span {
					line-height: 1;
					margin: 0 3px;
					font-size: 40px;
					top: initial;
				}
				
				
				.domainBanner-wrapper .el-input-group__append, .domainBanner-wrapper .el-input-group__prepend {
					display: none;
				}
				
				.domainBanner-wrapper .domainBanner-input-wrapper .el-input__inner {
					height: 40px;
					line-height: 40px;
				}
				
				.domainBanner-wrapper .domainBanner-input-wrapper .domainBanner-input-content {
					height: 40px;
				}
				.domainBanner-input-flag-wrapper .domainBanner-flag-left {
					display: none;
				}
				
				.domainBanner-wrapper .domainBanner-input-wrapper .queryDomainNamebutton {
					width: 100px;
					flex: 0 0  100px;
				}
				
				.domainPriceInfo-wrapper.main-content {
					padding-top: 100px;
					padding-bottom: 50px;
					width: 100%;
					overflow: auto;
					margin-bottom: 30px;
				}
				
				
				.domainsQuery-wrapper .domainPriceInfo-wrapper .domainPriceInfo-title {
					font-size: 16px;
					margin-bottom: 20px;
				}
				
				.domainsQuery-wrapper .domainPriceInfo-wrapper .el-table th {
					font-size: 14px;
				}
				
				.domainsQuery-wrapper .el-table th .cell .font18 {
					font-size: 14px;
				}
				
				.domainsQuery-wrapper .el-table th .cell .font14 {
					font-size: 12px;
				} 
				.domainsQuery-wrapper .table-wrapper.container {
					width: calc(100% - 30px) !important;
					overflow: auto;
					padding: 0px;
				}
				
				.domainsQuery-wrapper .el-table {
					max-width: initial;
					width: 1200px !important;
				}
			}